<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <%@ include file="/static/web/jsp/include.jsp"%>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>我的-个人中心</title>
    <meta name="description" content="网站描述" />
    <meta name="keywords" content="关键词" />
    <link rel="stylesheet" href="${path}/static/web/style/style.css">
    <link rel="stylesheet" href="${path}/static/web/style/hizoom.css">
    <link rel="stylesheet" href="${path}/static/web/style/page_nav.css">
    <link rel="stylesheet" href="${path}/static/web/style/art.css">
</head>
<body>
    <!-- 导航 -->
    <%@ include file="/static/web/jsp/top.jsp"%>

    <!-- 详情内容 -->
    <div class="model_container" id="mineController" v-cloak>
        <div class="link_sprite">当前位置：<a href="${path}/web">首页</a> &#155; <a href="">个人中心</a></div>

        <div class="model_container clearfix">
            <!-- 我的中心导航 -->
            <%@ include file="/static/web/jsp/mine_nav.jsp"%>

            <!-- 右侧内容区 -->
            <div class="mine_aside">

                <div class="block_box box_shadow">
                    <a href="${path}/web/home/info"/><img class="mine_pic" init-src="${path}/static/web/images/author.png" v-sy-img="userInfo.headImg"/></a>
                    <div class="mine_other">
                        <p>会员等级：<span class="red">{{userInfo.password}}</span></p>
                        <p>会员积分：<span class="red">{{userInfo.credit}}</span></p>
                    </div>
                    <div class="recharge_way" v-if="userInfo.isVip==0" @click="showRecharge(true)">
                        <a href="javascript:void(0);" class="btn btn_primary">充超级会员</a>
                    </div>
                    <div class="recharge_way" v-if="userInfo.isVip==1" @click="cancelVip(true)">
                        <a href="javascript:void(0);" class="btn btn_primary">取消超级会员</a>
                    </div>
                    <div class="mine_info">
                        <div class="name"><span>{{userInfo.nickName}}</span><i class="icon icon_vip" v-if="userInfo.isVip>0"></i><i class="icon icon_art" v-if="userInfo.userState>0&&userInfo.isVerify>0"></i></div>
                        <p class="phone font_16" v-if="userInfo.isBindPhone">{{userInfo.bindPhone}}</p>
                        <p class="hash font_16">个人区块链数字签名:<em class="icon icon_scan"></em></p>
                        <p class="hash_code font_16">0x{{userInfo.idCode}}</p>
                    </div>
                </div>

                <h2 class="block_head">超级会员特权</h2>
                <div class="block_box">
                    <div class="block_box_item">
                        <h3 class="info_head_title">超级会员介绍</h3>
                        <h4 class="block_txt">现在就加入我们的超级会员吧！加入后您将有以下特权：</h4>
                        <p class="block_txt">1.立刻赠送100积分，享受专属积分特权；</p>
                        <p class="block_txt">2.所有艺术品您都可以免保证金参拍；</p>
                        <p class="block_txt">3.可查看您心仪的艺术品在区块链上的历史交易记录（时间，价格）；</p>
                        <p class="block_txt">4.您的专属客服，给您拍卖过程中最贴心的服务。</p>
                    </div>

                    <div class="block_box_item">
                        <h3 class="info_head_title">充值超级会员</h3>
                        <img src="${path}/static/web/images/vip_img.jpg">
                        <p class="block_txt">超级会员价格可在后台设置折扣活动；</p>
                        <p class="block_txt">超级会员可以退款，退款后失去一切特权，正在参拍时无法退款。</p>
                    </div>

                </div>

                <h2 class="block_head">积分规则</h2>
                <div class="block_box">
                    <div class="rules_box">
                        <div class="rule_item">
                            <span class="rule_name red font_20">行为</span>
                            <span class="rule_integral">积分</span>
                        </div>
                        <div class="rule_item">
                            <span class="rule_name">绑定微信或微博</span>
                            <span class="rule_integral">+10</span>
                        </div>
                        <div class="rule_item">
                            <span class="rule_name">认证为艺术家</span>
                            <span class="rule_integral">+100</span>
                        </div>
                        <div class="rule_item">
                            <span class="rule_name">上链艺术品后台通过</span>
                            <span class="rule_integral">+50</span>
                        </div>
                        <div class="rule_item">
                            <span class="rule_name">参拍出价（一次拍卖只统计一次）</span>
                            <span class="rule_integral">+10</span>
                        </div>
                        <div class="rule_item">
                            <span class="rule_name">拍下并交易完成</span>
                            <span class="rule_integral">+50</span>
                        </div>
                        <div class="rule_item">
                            <span class="rule_name">关注十个用户（限首次完成）</span>
                            <span class="rule_integral">+10</span>
                        </div>
                        <div class="rule_item">
                            <span class="rule_name">关注五件艺术品（限首次完成）</span>
                            <span class="rule_integral">+10</span>
                        </div>
                        <div class="rule_item">
                            <span class="rule_name">关注五个艺术家（限首次完成）</span>
                            <span class="rule_integral">+10</span>
                        </div>
                        <div class="rule_item">
                            <span class="rule_name">对艺术品发表评论（20字以上，每天限三次）</span>
                            <span class="rule_integral">+2</span>
                        </div>
                        <div class="rule_item">
                            <span class="rule_name">发表带图片的艺圈（5个字以上，每天限一次）</span>
                            <span class="rule_integral">+5</span>
                        </div>
                        <div class="rule_item">
                            <span class="rule_name">缴纳会费成为会员</span>
                            <span class="rule_integral">+100</span>
                        </div>
                        <div class="rule_item">
                            <span class="rule_name">退出会员</span>
                            <span class="rule_integral">-100</span>
                        </div>
                        <div class="rule_item">
                            <span class="rule_name">拍下商品后不付款</span>
                            <span class="rule_integral">-50</span>
                        </div>
                        <div class="rule_item">
                            <span class="rule_name">在艺圈发表各种不良言论</span>
                            <span class="rule_integral">-20</span>
                        </div>
                        <div class="rule_item">
                            <span class="rule_name">系统活动给予</span>
                            <span class="rule_integral">+X</span>
                        </div>
                    </div>
                </div>

                <h2 class="block_head">积分详情</h2>
                <div class="offer_list block_box">
                    <ul>
                        <li v-for="log in logs"><span class="c_gray">{{log.createTime}}</span><span>{{log.creditCode}}</span><span class="red">{{log.type == 1?'+':'-'}}{{log.creditNum}}</span></li>
                    </ul>
                </div>

            </div>
        </div>

        <!-- 充值 -->
        <div class="art_model recharge_model" :style="{'display':param.recharge?'block':'none'}">
            <div class="model_wrap">
                <div class="model_header">
                    <div class="head_title">超级会员充值</div>
                    <a class="icon icon_close head_close" href="javascript:void(0);" @click="showRecharge(false)"></a>
                </div>
                <div class="art_model_content">
                    <div class="pay_item">
                        <span class="pay_name">充值金额</span>
                        <span class="fr red">￥{{recharge.money}}</span>
                    </div>

                    <div class="pay_ways">
                        <div class="pay_way" data-way="0" :class="{'on':recharge.payType==1}" @click="setReachargePayType(1)">
                            <i class="icon icon_zfb"></i><span>支付宝</span><i class="fr icon icon_radio"></i>
                        </div>
                        <div class="pay_way" data-way="1" :class="{'on':recharge.payType==2}" @click="setReachargePayType(2)">
                            <i class="icon icon_wx"></i><span>微信</span><i class="fr icon icon_radio"></i>
                        </div>
                    </div>
                </div>
                <div class="model_btn mt_20" @click="rechargeVip">
                    <a href="javascript:void(0);" class="btn btn_primary">确认充值</a>
                </div>
            </div>
        </div>
    </div>


    <!-- 客服 -->
    <%@ include file="/static/web/jsp/footer.jsp"%>

    <form id="form" action="${path}/web/pay/onlinePay" method="post">
        <input type="hidden" name="content" id="content"/>
    </form>
</body>
<%--<script src="${path}/static/web/js/jquery.min.js"></script>--%>
<script src="${path}/static/web/js/art.js"></script>
<script src="${path}/static/web/js/biz/mine.js"></script>
</html>